<template>
  <!--list-content-->
  <div class="main">
    <div class="py-container">
     <Bread></Bread>
     <Selector></Selector>
     <Details></Details>
     <Hotsale></Hotsale>     
    </div>
  </div>
</template>

<script>
import Bread from './Bread'
import Details from './Details'
import Hotsale from './Hotsale'
import Selector from './Selector'
export default {
  name: "ListContent",
  components:{
    Bread,
    Details,
    Hotsale,
    Selector,
  }
}
</script>

<style lang='less' scoped>
.main {
  margin: 10px 0;
  .py-container {
    width: 1200px;
    margin: 0 auto;  
  }
}
</style>